<template>
    <div style="margin-top: 30px;">
        <div class="centered-container">
        <img src="../../../static/线条 1@1x.png" alt="">
        <span style="margin-left: 10px; font-size: 30px; color: #415058; font-weight: bold;">课堂专注度</span>
        <img src="../../../static/lightning.png" alt="1">
        <img src="../../../static/lightning.png" alt="2">
        <img src="../../../static/lightning.png" alt="3">
      </div>
      <div>
        <img src="../../../static/facus.png" alt="1" style="margin-left: 100px;width: 350px;">
        <div class="facus">
            <span style="margin-left: 210px;">专注时长</span>
        </div>
        <div class="facustime">
            <span style="margin-left: 180px;">13h/57h</span>
        </div>
      </div>
    </div>
</template>
<style>
.facus{
    color: #376ff167;
    font-weight: bold;
    font-size: 25px;
    position: absolute;
    top: 70%;
}
.facustime{
    color: #042E8C;
    font-weight: bold;
    font-size: 40px;
    position: absolute;
    top: 75%;
}
</style>